<!-- #section:basics/content.breadcrumbs -->
<div class="breadcrumbs" id="breadcrumbs">
    <script type="text/javascript">
        try {
            ace.settings.check('breadcrumbs', 'fixed')
        } catch (e) {
        }
    </script>

    <ul class="breadcrumb">
        <li>
            <i class="ace-icon fa fa-home home-icon"></i>
            <a href="#">权限管理</a>
        </li>

        <li>
            <a href="#">资源管理</a>
        </li>

    </ul>
    <!-- /.breadcrumb -->

</div>

<!-- /section:basics/content.breadcrumbs -->
<div class="page-content">
    <!-- /section:settings.box -->
    <div class="page-content-area">
        <div class="page-header">
            <button class="btn btn-sm btn-success btn-info" id="id-btn-dialog2" render-dialog="addPrivilege"
                    title="新增权限">新增权限
            </button>

            <!--隐藏层-->
            <div id="dialog-addPrivilege" class="hide dialog-add">
                <div class="widget-body">
                    <div class="widget-main padding-8">
                        <table>
                            <!--<tr ng-show="message">-->
                                <!--<td colspan="2">-->
                                    <!--<span class="red">{{message}}</span>-->
                                <!--</td>-->
                            <!--</tr>-->
                            <tr>
                                <td>
                                    权限名称
                                </td>
                                <td>
                                    <input type="text" ng-model="privilege.name">
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    资源名称
                                </td>
                                <td>
                                    <input type="text" ng-model="privilege.resource">
                                </td>
                                <td>
                                    URL
                                </td>
                                <td>
                                    <input type="text" ng-model="privilege.url">
                                </td>
                            </tr>
                            <tr>
                                <td>权限描述</td>
                                <td colspan="3">
                                    <textarea style="width:400px;" ng-model="privilege.description"></textarea>
                                </td>
                            </tr>
                            <tr>
                                <td style="vertical-align: top">父级菜单</td>
                                <td colspan="3">
                                    <!--<select>-->
                                    <!--<option>请选择</option>-->
                                    <!--</select>-->
                                    <div class="select_tree">
                                        <div class="select_pointer">
                                            <span class="select_font">选择父级菜单</span>
                                            <span class="glyphicon glyphicon-collapse-down"
                                                  style="color: #878787;float: right"></span>
                                        </div>
                                        <div class="select_content">
                                            <ul id="myTreeSelector" class="treetable single_select">
                                                <li ng-repeat="p in privileges" data-id={{p.id}} data-tt-id="{{p.ttId}}"
                                                    data-tt-parent-id="{{p.pid}}" on-tree-select>
                                                    <div><span>{{p.name}}</span></div>
                                                </li>
                                                <!--<li data-tt-id="1">-->
                                                <!--<div><span class="folder">中国</span></div>-->
                                                <!--</li>-->
                                                <!--<li data-tt-id="1-1" data-tt-parent-id="1">-->
                                                <!--<div><span class="folder">广东</span></div>-->
                                                <!--</li>-->
                                                <!--<li data-tt-id="1-1-1" data-tt-parent-id="1-1">-->
                                                <!--<div><span class="file">广州</span></div>-->
                                                <!--</li>-->
                                                <!--<li data-tt-id="1-1-2" data-tt-parent-id="1-1">-->
                                                <!--<div><span class="file">深圳</span></div>-->
                                                <!--</li>-->
                                                <!--<li data-tt-id="1-1-3" data-tt-parent-id="1-1">-->
                                                <!--<div><span class="file">汕头</span></div>-->
                                                <!--</li>-->
                                                <!--<li data-tt-id="1-2" data-tt-parent-id="1">-->
                                                <!--<div><span class="folder">广西</span></div>-->
                                                <!--</li>-->
                                                <!--<li data-tt-id="1-2-1" data-tt-parent-id="1-2">-->
                                                <!--<div><span class="file">北海</span></div>-->
                                                <!--</li>-->
                                                <!--<li data-tt-id="1-2-2" data-tt-parent-id="1-2">-->
                                                <!--<div><span class="file">桂林</span></div>-->
                                                <!--</li>-->
                                                <!--<li data-tt-id="1-3" data-tt-parent-id="1">-->
                                                <!--<div><span class="file">北京</span></div>-->
                                                <!--</li>-->
                                                <!--<li data-tt-id="1-4" data-tt-parent-id="1">-->
                                                <!--<div><span class="file">上海</span></div>-->
                                                <!--</li>-->
                                                <!--<li data-tt-id="1-5" data-tt-parent-id="1">-->
                                                <!--<div><span class="folder">浙江</span></div>-->
                                                <!--</li>-->
                                                <!--<li data-tt-id="1-5-1" data-tt-parent-id="1-5">-->
                                                <!--<div><span class="file">杭州</span></div>-->
                                                <!--</li>-->
                                                <!--<li data-tt-id="2">-->
                                                <!--<div><span class="folder">美国</span></div>-->
                                                <!--</li>-->
                                                <!--<li data-tt-id="2-1" data-tt-parent-id="2">-->
                                                <!--<div><span class="file">华盛顿</span></div>-->
                                                <!--</li>-->
                                            </ul>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>

            </div>
            <!-- #dialog-message -->


        </div>
        <!-- /.page-header -->

        <!-- PAGE CONTENT BEGINS -->
        <div class="row">
            <div class="col-xs-12">
                <table id="example-advanced" class=" table table-bordered">
                    <caption>
                        <a href="#" onclick="jQuery('#example-advanced').treetable('expandAll'); return false;">Expand
                            all</a>
                        <a href="#" onclick="jQuery('#example-advanced').treetable('collapseAll'); return false;">Collapse
                            all</a>
                    </caption>
                    <thead>
                    <tr>
                        <th class="center">
                            <label class="position-relative">
                                <input type="checkbox" class="ace"/>
                                <span class="lbl"></span>
                            </label>
                        </th>
                        <th>权限名称</th>
                        <!--<th>权限类型</th>-->
                        <th>权限描述</th>
                        <th>资源名称</th>
                        <th>URL</th>
                        <th>删除</th>
                        <th>修改</th>
                        <th class="hidden-480">冻结</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-show="message">
                        <td colspan="8">
                           <span class="red">{{message}}</span>
                        </td>
                    </tr>
                    <tr ng-repeat="p in privileges" data-tt-id="{{p.ttId}}" data-tt-parent-id="{{p.pid}}"
                        data-id="{{p.id}}" on-finish-render-filters on-tree-table>
                        <td class="center">
                            <label class="position-relative">
                                <input type="checkbox" class="ace"/>
                                <span class="lbl"></span>
                            </label>
                        </td>
                        <td><span class='folder' ng-bind="p.name"></span></td>
                        <!--<td>一级菜单</td>-->
                        <td>{{p.description}}</td>
                        <td>{{p.resource}}</td>
                        <td>{{p.url}}</td>
                        <td>

                            <button class="btn btn-warning btn-xs delete">
                                <i class="ace-icon glyphicon glyphicon-trash"></i>
                            </button>

                        </td>
                        <td>
                            <div class="hidden-sm hidden-xs btn-group">
                                <button class="btn btn-xs btn-purple update">
                                    <i class="ace-icon fa fa-pencil align-top bigger-125"></i>
                                    修改
                                </button>
                            </div>

                            <div class="hidden-md hidden-lg">
                                <div class="inline position-relative">
                                    <button class="btn btn-minier btn-purple dropdown-toggle" data-toggle="dropdown"
                                            data-position="auto">
                                        <i class="ace-icon fa fa-pencil align-top bigger-125"></i>
                                    </button>
                                </div>
                            </div>
                        </td>
                        <td class="hidden-480">
                            <label>
                                <input name="switch-field-1" class="ace ace-switch ace-switch-4" type="checkbox"
                                       ng-checked="!p.is_display">
                                <!--<input ng-show="false" name="switch-field-1" class="ace ace-switch ace-switch-4" type="checkbox" ng-checked="true">-->
                                <span class="lbl"></span>
                            </label>
                        </td>
                    </tr>

                    <!--<tr data-tt-id='2'>-->
                    <!--<td class="center">-->
                    <!--<label class="position-relative">-->
                    <!--<input type="checkbox" class="ace"/>-->
                    <!--<span class="lbl"></span>-->
                    <!--</label>-->
                    <!--</td>-->
                    <!--<td><span class='folder'>系统设置</span></td>-->
                    <!--<td>一级菜单</td>-->
                    <!--<td>对系统的设置</td>-->
                    <!--<td>-->

                    <!--<button class="btn btn-warning btn-xs delete">-->
                    <!--<i class="ace-icon glyphicon glyphicon-trash"></i>-->
                    <!--</button>-->

                    <!--</td>-->
                    <!--<td>-->
                    <!--<div class="hidden-sm hidden-xs btn-group">-->
                    <!--<button class="btn btn-xs btn-purple update">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--修改-->
                    <!--</button>-->
                    <!--</div>-->

                    <!--<div class="hidden-md hidden-lg">-->
                    <!--<div class="inline position-relative">-->
                    <!--<button class="btn btn-minier btn-purple dropdown-toggle" data-toggle="dropdown"-->
                    <!--data-position="auto">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--</button>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</td>-->
                    <!--</tr>-->
                    <!--<tr data-tt-id='2-1' data-tt-parent-id='2'>-->
                    <!--<td class="center">-->
                    <!--<label class="position-relative">-->
                    <!--<input type="checkbox" class="ace"/>-->
                    <!--<span class="lbl"></span>-->
                    <!--</label>-->
                    <!--</td>-->
                    <!--<td><span class='folder'>用户管理</span></td>-->
                    <!--<td>二级菜单</td>-->
                    <!--<td>&#45;&#45;</td>-->
                    <!--<td>-->

                    <!--<button class="btn btn-warning btn-xs delete">-->
                    <!--<i class="ace-icon glyphicon glyphicon-trash"></i>-->
                    <!--</button>-->

                    <!--</td>-->
                    <!--<td>-->
                    <!--<div class="hidden-sm hidden-xs btn-group">-->
                    <!--<button class="btn btn-xs btn-purple update">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--修改-->
                    <!--</button>-->
                    <!--</div>-->

                    <!--<div class="hidden-md hidden-lg">-->
                    <!--<div class="inline position-relative">-->
                    <!--<button class="btn btn-minier btn-purple dropdown-toggle" data-toggle="dropdown"-->
                    <!--data-position="auto">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--</button>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</td>-->
                    <!--</tr>-->
                    <!--<tr data-tt-id='2-1-1' data-tt-parent-id='2-1'>-->
                    <!--<td class="center">-->
                    <!--<label class="position-relative">-->
                    <!--<input type="checkbox" class="ace"/>-->
                    <!--<span class="lbl"></span>-->
                    <!--</label>-->
                    <!--</td>-->
                    <!--<td><span class='file'>添加用户</span></td>-->
                    <!--<td>三级菜单</td>-->
                    <!--<td>给系统添加用户</td>-->
                    <!--<td>-->

                    <!--<button class="btn btn-warning btn-xs delete">-->
                    <!--<i class="ace-icon glyphicon glyphicon-trash"></i>-->
                    <!--</button>-->

                    <!--</td>-->
                    <!--<td>-->
                    <!--<div class="hidden-sm hidden-xs btn-group">-->
                    <!--<button class="btn btn-xs btn-purple update">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--修改-->
                    <!--</button>-->
                    <!--</div>-->

                    <!--<div class="hidden-md hidden-lg">-->
                    <!--<div class="inline position-relative">-->
                    <!--<button class="btn btn-minier btn-purple dropdown-toggle" data-toggle="dropdown"-->
                    <!--data-position="auto">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--</button>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</td>-->
                    <!--</tr>-->
                    <!--<tr data-tt-id='2-1-2' data-tt-parent-id='2-1'>-->
                    <!--<td class="center">-->
                    <!--<label class="position-relative">-->
                    <!--<input type="checkbox" class="ace"/>-->
                    <!--<span class="lbl"></span>-->
                    <!--</label>-->
                    <!--</td>-->
                    <!--<td><span class='file'>删除用户</span></td>-->
                    <!--<td>三级菜单</td>-->
                    <!--<td>删除系统用户</td>-->
                    <!--<td>-->

                    <!--<button class="btn btn-warning btn-xs delete">-->
                    <!--<i class="ace-icon glyphicon glyphicon-trash"></i>-->
                    <!--</button>-->

                    <!--</td>-->
                    <!--<td>-->
                    <!--<div class="hidden-sm hidden-xs btn-group">-->
                    <!--<button class="btn btn-xs btn-purple update">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--修改-->
                    <!--</button>-->
                    <!--</div>-->

                    <!--<div class="hidden-md hidden-lg">-->
                    <!--<div class="inline position-relative">-->
                    <!--<button class="btn btn-minier btn-purple dropdown-toggle" data-toggle="dropdown"-->
                    <!--data-position="auto">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--</button>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</td>-->
                    <!--</tr>-->
                    <!--<tr data-tt-id='2-1-3' data-tt-parent-id='2-1'>-->
                    <!--<td class="center">-->
                    <!--<label class="position-relative">-->
                    <!--<input type="checkbox" class="ace"/>-->
                    <!--<span class="lbl"></span>-->
                    <!--</label>-->
                    <!--</td>-->
                    <!--<td><span class='file'>修改用户</span></td>-->
                    <!--<td>三级菜单</td>-->
                    <!--<td>修改用户信息</td>-->
                    <!--<td>-->

                    <!--<button class="btn btn-warning btn-xs delete">-->
                    <!--<i class="ace-icon glyphicon glyphicon-trash"></i>-->
                    <!--</button>-->

                    <!--</td>-->
                    <!--<td>-->
                    <!--<div class="hidden-sm hidden-xs btn-group">-->
                    <!--<button class="btn btn-xs btn-purple update">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--修改-->
                    <!--</button>-->
                    <!--</div>-->

                    <!--<div class="hidden-md hidden-lg">-->
                    <!--<div class="inline position-relative">-->
                    <!--<button class="btn btn-minier btn-purple dropdown-toggle" data-toggle="dropdown"-->
                    <!--data-position="auto">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--</button>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</td>-->
                    <!--</tr>-->
                    <!--<tr data-tt-id='2-2' data-tt-parent-id='2'>-->
                    <!--<td class="center">-->
                    <!--<label class="position-relative">-->
                    <!--<input type="checkbox" class="ace"/>-->
                    <!--<span class="lbl"></span>-->
                    <!--</label>-->
                    <!--</td>-->
                    <!--<td><span class='folder'>角色管理</span></td>-->
                    <!--<td>二级菜单</td>-->
                    <!--<td>&#45;&#45;</td>-->
                    <!--<td>-->

                    <!--<button class="btn btn-warning btn-xs delete">-->
                    <!--<i class="ace-icon glyphicon glyphicon-trash"></i>-->
                    <!--</button>-->

                    <!--</td>-->
                    <!--<td>-->
                    <!--<div class="hidden-sm hidden-xs btn-group">-->
                    <!--<button class="btn btn-xs btn-purple update">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--修改-->
                    <!--</button>-->
                    <!--</div>-->

                    <!--<div class="hidden-md hidden-lg">-->
                    <!--<div class="inline position-relative">-->
                    <!--<button class="btn btn-minier btn-purple dropdown-toggle" data-toggle="dropdown"-->
                    <!--data-position="auto">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--</button>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</td>-->
                    <!--</tr>-->
                    <!--<tr data-tt-id='2-2-1' data-tt-parent-id='2-2'>-->
                    <!--<td class="center">-->
                    <!--<label class="position-relative">-->
                    <!--<input type="checkbox" class="ace"/>-->
                    <!--<span class="lbl"></span>-->
                    <!--</label>-->
                    <!--</td>-->
                    <!--<td><span class='file'>添加角色</span></td>-->
                    <!--<td>三级菜单</td>-->
                    <!--<td>为系统添加角色</td>-->
                    <!--<td>-->

                    <!--<button class="btn btn-warning btn-xs delete">-->
                    <!--<i class="ace-icon glyphicon glyphicon-trash"></i>-->
                    <!--</button>-->

                    <!--</td>-->
                    <!--<td>-->
                    <!--<div class="hidden-sm hidden-xs btn-group">-->
                    <!--<button class="btn btn-xs btn-purple update">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--修改-->
                    <!--</button>-->
                    <!--</div>-->

                    <!--<div class="hidden-md hidden-lg">-->
                    <!--<div class="inline position-relative">-->
                    <!--<button class="btn btn-minier btn-purple dropdown-toggle" data-toggle="dropdown"-->
                    <!--data-position="auto">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--</button>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</td>-->
                    <!--</tr>-->
                    <!--<tr data-tt-id='2-2-2' data-tt-parent-id='2-2'>-->
                    <!--<td class="center">-->
                    <!--<label class="position-relative">-->
                    <!--<input type="checkbox" class="ace"/>-->
                    <!--<span class="lbl"></span>-->
                    <!--</label>-->
                    <!--</td>-->
                    <!--<td><span class='file'>删除角色</span></td>-->
                    <!--<td>三级菜单</td>-->
                    <!--<td>删除系统角色</td>-->
                    <!--<td>-->

                    <!--<button class="btn btn-warning btn-xs delete">-->
                    <!--<i class="ace-icon glyphicon glyphicon-trash"></i>-->
                    <!--</button>-->

                    <!--</td>-->
                    <!--<td>-->
                    <!--<div class="hidden-sm hidden-xs btn-group">-->
                    <!--<button class="btn btn-xs btn-purple update">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--修改-->
                    <!--</button>-->
                    <!--</div>-->

                    <!--<div class="hidden-md hidden-lg">-->
                    <!--<div class="inline position-relative">-->
                    <!--<button class="btn btn-minier btn-purple dropdown-toggle" data-toggle="dropdown"-->
                    <!--data-position="auto">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--</button>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</td>-->
                    <!--</tr>-->
                    <!--<tr data-tt-id='2-2-3' data-tt-parent-id='2-2'>-->
                    <!--<td class="center">-->
                    <!--<label class="position-relative">-->
                    <!--<input type="checkbox" class="ace"/>-->
                    <!--<span class="lbl"></span>-->
                    <!--</label>-->
                    <!--</td>-->
                    <!--<td><span class='file'>修改角色</span></td>-->
                    <!--<td>三级菜单</td>-->
                    <!--<td>修改角色信息</td>-->
                    <!--<td>-->

                    <!--<button class="btn btn-warning btn-xs delete">-->
                    <!--<i class="ace-icon glyphicon glyphicon-trash"></i>-->
                    <!--</button>-->

                    <!--</td>-->
                    <!--<td>-->
                    <!--<div class="hidden-sm hidden-xs btn-group">-->
                    <!--<button class="btn btn-xs btn-purple update">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--修改-->
                    <!--</button>-->
                    <!--</div>-->

                    <!--<div class="hidden-md hidden-lg">-->
                    <!--<div class="inline position-relative">-->
                    <!--<button class="btn btn-minier btn-purple dropdown-toggle" data-toggle="dropdown"-->
                    <!--data-position="auto">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--</button>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</td>-->
                    <!--</tr>-->
                    <!--<tr data-tt-id='3'>-->
                    <!--<td class="center">-->
                    <!--<label class="position-relative">-->
                    <!--<input type="checkbox" class="ace"/>-->
                    <!--<span class="lbl"></span>-->
                    <!--</label>-->
                    <!--</td>-->
                    <!--<td><span class='folder'>文章管理</span></td>-->
                    <!--<td>一级菜单</td>-->
                    <!--<td>&#45;&#45;</td>-->
                    <!--<td>-->

                    <!--<button class="btn btn-warning btn-xs delete">-->
                    <!--<i class="ace-icon glyphicon glyphicon-trash"></i>-->
                    <!--</button>-->

                    <!--</td>-->
                    <!--<td>-->
                    <!--<div class="hidden-sm hidden-xs btn-group">-->
                    <!--<button class="btn btn-xs btn-purple update">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--修改-->
                    <!--</button>-->
                    <!--</div>-->

                    <!--<div class="hidden-md hidden-lg">-->
                    <!--<div class="inline position-relative">-->
                    <!--<button class="btn btn-minier btn-purple dropdown-toggle" data-toggle="dropdown"-->
                    <!--data-position="auto">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--</button>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</td>-->
                    <!--</tr>-->
                    <!--<tr data-tt-id='3-1' data-tt-parent-id='3'>-->
                    <!--<td class="center">-->
                    <!--<label class="position-relative">-->
                    <!--<input type="checkbox" class="ace"/>-->
                    <!--<span class="lbl"></span>-->
                    <!--</label>-->
                    <!--</td>-->
                    <!--<td><span class='file'>发布文章</span></td>-->
                    <!--<td>二级菜单</td>-->
                    <!--<td>发布文章操作</td>-->
                    <!--<td>-->

                    <!--<button class="btn btn-warning btn-xs delete">-->
                    <!--<i class="ace-icon glyphicon glyphicon-trash"></i>-->
                    <!--</button>-->

                    <!--</td>-->
                    <!--<td>-->
                    <!--<div class="hidden-sm hidden-xs btn-group">-->
                    <!--<button class="btn btn-xs btn-purple update">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--修改-->
                    <!--</button>-->
                    <!--</div>-->

                    <!--<div class="hidden-md hidden-lg">-->
                    <!--<div class="inline position-relative">-->
                    <!--<button class="btn btn-minier btn-purple dropdown-toggle" data-toggle="dropdown"-->
                    <!--data-position="auto">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--</button>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</td>-->
                    <!--</tr>-->
                    <!--<tr data-tt-id='3-2' data-tt-parent-id='3'>-->
                    <!--<td class="center">-->
                    <!--<label class="position-relative">-->
                    <!--<input type="checkbox" class="ace"/>-->
                    <!--<span class="lbl"></span>-->
                    <!--</label>-->
                    <!--</td>-->
                    <!--<td><span class='file'>删除文章</span></td>-->
                    <!--<td>二级菜单</td>-->
                    <!--<td>删除文章操作</td>-->
                    <!--<td>-->

                    <!--<button class="btn btn-warning btn-xs delete">-->
                    <!--<i class="ace-icon glyphicon glyphicon-trash"></i>-->
                    <!--</button>-->

                    <!--</td>-->
                    <!--<td>-->
                    <!--<div class="hidden-sm hidden-xs btn-group">-->
                    <!--<button class="btn btn-xs btn-purple update">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--修改-->
                    <!--</button>-->
                    <!--</div>-->

                    <!--<div class="hidden-md hidden-lg">-->
                    <!--<div class="inline position-relative">-->
                    <!--<button class="btn btn-minier btn-purple dropdown-toggle" data-toggle="dropdown"-->
                    <!--data-position="auto">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--</button>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</td>-->
                    <!--</tr>-->
                    <!--<tr data-tt-id='3-3' data-tt-parent-id="3">-->
                    <!--<td class="center">-->
                    <!--<label class="position-relative">-->
                    <!--<input type="checkbox" class="ace"/>-->
                    <!--<span class="lbl"></span>-->
                    <!--</label>-->
                    <!--</td>-->
                    <!--<td><span class='file'>修改文章</span></td>-->
                    <!--<td>二级菜单</td>-->
                    <!--<td>修改文章操作</td>-->
                    <!--<td>-->

                    <!--<button class="btn btn-warning btn-xs delete">-->
                    <!--<i class="ace-icon glyphicon glyphicon-trash"></i>-->
                    <!--</button>-->

                    <!--</td>-->
                    <!--<td>-->
                    <!--<div class="hidden-sm hidden-xs btn-group">-->
                    <!--<button class="btn btn-xs btn-purple update">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--修改-->
                    <!--</button>-->
                    <!--</div>-->

                    <!--<div class="hidden-md hidden-lg">-->
                    <!--<div class="inline position-relative">-->
                    <!--<button class="btn btn-minier btn-purple dropdown-toggle" data-toggle="dropdown"-->
                    <!--data-position="auto">-->
                    <!--<i class="ace-icon fa fa-pencil align-top bigger-125"></i>-->
                    <!--</button>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</td>-->
                    <!--</tr>-->
                    </tbody>
                </table>

            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
        <!-- /.page-content-area -->
    </div>
    <!-- /.page-content -->


    <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
        <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
    </a>

    <!-- dialog -->

    <!--<div id="dialog-message" class="hide">-->
    <!--<div class="widget-main padding-8">-->
    <!--<div id="tree1" class="tree"></div>-->
    <!--</div>-->
    <!--</div>-->
    <!-- #dialog-message -->

    <div id="dialog-delete" class="hide">
        <div class="widget-main padding-8">
            <div id="tree2" class="tree"></div>
        </div>
    </div>
    <!-- #dialog-delete -->

    <div id="dialog-confirm" class="hide">
        <p>确定要删除[中级会员]吗？</p>
    </div>
    <!-- #dialog-delete -->

    <!-- /dialog -->

    <!-- inline scripts related to this page -->
    <script type="text/javascript">
        jQuery(function ($) {


//            $("#example-advanced").treetable({
//                expandable: true,
//                column: 1,  // column与columnElType 表示字体图标显示在下标为1的td内，column默认值是0
//                 columnElType: "td",
//                outerEle: "table",  // 外层父元素
//                innerEle: "tr",         // 内层行数
//                commonClass: "glyphicon",
//                expandClass: "glyphicon-plus",  // 收缩时的CSS样式
//                indenterClass: "glyphicon-minus"    // 展开时的CSS样式
//            });
//            $("#myTreeSelector").treetable({
//                expandable: true,
//                columnElType: "div",
//                outerEle: "ul",
//                innerEle: "li",
//                commonClass: "glyphicon",
//                expandClass: "glyphicon-plus",
//                indenterClass: "glyphicon-minus"
//            });
//
//            $("#select_pointer").click(function () {
//                $("#select_content").slideToggle();
//            })
//
//            var toggle = function(){
//                    if(this.hasClass("leaf_selected")){
//                        this.removeClass("leaf_selected");
//                    } else {
//                        this.addClass("leaf_selected").siblings().removeClass("leaf_selected");
//                    }
//            }
//
//            $("#select_content ul li").each(function(){
//                 var thiz = $(this);
//                  thiz.on('click',function(){
//                      toggle.apply(thiz,arguments);
//                  });
//            });

            //override dialog's title function to allow for HTML titles
            $.widget("ui.dialog", $.extend({}, $.ui.dialog.prototype, {
                _title: function (title) {
                    var $title = this.options.title || '&nbsp;'
                    if (("title_html" in this.options) && this.options.title_html == true)
                        title.html($title);
                    else title.text($title);
                }
            }));

            $(".add").on('click', function (e) {
                e.preventDefault();

                var dialog = $("#dialog-delete").removeClass('hide').dialog({
                    modal: true,
                    title: "<div class='widget-header widget-header-small'><h4 class='smaller'><i class='ace-icon glyphicon glyphicon-list'></i>&nbsp;&nbsp;&nbsp;用户授权</h4></div>",
                    title_html: true,
                    buttons: [
                        {
                            text: "保存",
                            "class": "btn btn-primary btn-minier",
                            click: function () {
                                $(this).dialog("close");
                            }
                        },
                        {
                            text: "取消",
                            "class": "btn btn-danger btn-minier",
                            click: function () {
                                $(this).dialog("close");


                            }
                        }
                    ]
                });
            });

            $(".update").on('click', function (e) {
                e.preventDefault();

                var dialog = $("#dialog-message2").removeClass('hide').dialog({
                    modal: true,
                    title: "<div class='widget-header widget-header-small'><h4 class='smaller'>新增用户</h4></div>",
                    title_html: true,
                    width: 500,
                    buttons: [
                        {
                            text: "取消",
                            "class": "btn btn-xs",
                            click: function () {
                                $(this).dialog("close");
                            }
                        },
                        {
                            text: "确定",
                            "class": "btn btn-primary btn-xs",
                            click: function () {
                                $(this).dialog("close");
                            }
                        }
                    ]
                });
            });


            $('#tree1').ace_tree({
                dataSource: treeDataSource,
                multiSelect: true,
                loadingHTML: '<div class="tree-loading"><i class="ace-icon fa fa-refresh fa-spin blue"></i></div>',
                'open-icon': 'ace-icon tree-minus',
                'close-icon': 'ace-icon tree-plus',
                'selectable': true,
                'selected-icon': 'ace-icon fa fa-check',
                'unselected-icon': 'ace-icon fa fa-times'
            });


            $('#tree1')
                    .on('updated', function (e, result) {
                        //result.info  >> an array containing selected items
                        //result.item
                        //result.eventType >> (selected or unselected)
                    })
                    .on('selected', function (e) {
                    })
                    .on('unselected', function (e) {
                    })
                    .on('opened', function (e) {
                    })
                    .on('closed', function (e) {
                    });

            $('#tree2').ace_tree({
                dataSource: treeDataSource,
                multiSelect: true,
                loadingHTML: '<div class="tree-loading"><i class="ace-icon fa fa-refresh fa-spin blue"></i></div>',
                'open-icon': 'ace-icon tree-minus',
                'close-icon': 'ace-icon tree-plus',
                'selectable': true,
                'selected-icon': 'ace-icon fa fa-check',
                'unselected-icon': 'ace-icon fa fa-times'
            });


            $('#tree2')
                    .on('updated', function (e, result) {
                        //result.info  >> an array containing selected items
                        //result.item
                        //result.eventType >> (selected or unselected)
                    })
                    .on('selected', function (e) {
                    })
                    .on('unselected', function (e) {
                    })
                    .on('opened', function (e) {
                    })
                    .on('closed', function (e) {
                    });

        });
    </script>
